{% extends "base.html" %}
{% block left_content %}
<!--leftmenu左侧菜单栏-->

<div id="left_menu" style="width: 15%;">
    
        <div class="menu_head" id="biz_service" style="height: 5.5%;">

            <div style="float: left"><strong><span class="glyphicon glyphicon-folder-open"></span> 业务</strong></div>
            <span id="glyphicon_span" style="float: right; line-height: 150%;" class="glyphicon glyphicon-chevron-down"></span>
        </div>
        
        <ul class="left_menu_ul">

                <a href="{% url 'business:buffer' %}">
                    <li><span class="glyphicon glyphicon-hdd"></span> buffer池</li>
                </a>

                <a href="{% url 'business:home' %}">
                    <li><span class="glyphicon glyphicon-globe"></span> 业务分类</li>
                </a>

                <a href="#" id="biz_service_mgm">
                    <li>业务管理<span id="glyphicon_span_biz" style="float: right; position: relative; left: -8px; text-align: center; line-height: 250%;" class="glyphicon glyphicon-chevron-right"></span></li>
                </a>

                <ul>
                    <a href="{% url 'business:moduleinfo' %}"><li>业务列表</li></a>
                    <a href="{% url 'business:mapply' %}"><li>业务申请</li></a>
                    <a href="{% url 'business:mapplyinfo' %}"><li>申请记录</li></a>
                </ul>

        </ul>
</div>

<script type="text/javascript">


$("#biz_service").click(function(){

        if($(this).next().css("display")=='none'){

            $(this).next().show();
            $('#glyphicon_span').removeClass("glyphicon-chevron-right");
            $('#glyphicon_span').addClass("glyphicon-chevron-down");

        } else {

            $(this).next().hide();
            $('#glyphicon_span').removeClass("glyphicon-chevron-down");
            $('#glyphicon_span').addClass("glyphicon-chevron-right");

        }
});

$("#biz_service_mgm").click(function() {

    if($(this).next().css("display")=='none'){

            $(this).next().show();
            $('#glyphicon_span_biz').removeClass("glyphicon-chevron-right");
            $('#glyphicon_span_biz').addClass("glyphicon-chevron-down");

        } else {

            $(this).next().hide();
            $('#glyphicon_span_biz').removeClass("glyphicon-chevron-down");
            $('#glyphicon_span_biz').addClass("glyphicon-chevron-right");

        }
});
    
</script>

{% endblock %}


